<template>
  <div class="grayPage">
    <div class="QR">
      <div class="title">
        <img src="/static/wechat/images/QRTitle.png" alt="">
      </div>
      <div class="QR-img">
        <img src="/static/wechat/images/QR.jpg"/>
      </div>
      <p class="text-center">长按识别二维码关注公众号</p>
    </div>
  </div>
</template>

<script>
  export default {
    name: '',
    data () {
      return {
        msg: ''
      }
    }
  }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.grayPage{
  background: #2489ea;
}
.QR{
  padding: 10%;
}
.QR .title{
  width: 60%;
  margin: 0 auto;
  padding: 4% 0 ;
}
.title img{
  width: 100%;
}
.QR-img{
  width: 60%;
  margin: 0 auto;
  border-radius: 8px;
}
.QR-img img{
  width: 100%;
}
p{
  font-size: 18px;
  color: #fff;
  padding: 3% 0;
}
</style>
